<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./style/index.css">
  <link rel="stylesheet" href="./style/login.css">
  <link rel="stylesheet" href="./style/font-awesome.min.css">
</head>

<body>
  <!-- 头部 -->
  <div id="j-top">
    <div id="yx-cp-base">
      <div class="yx-cp-row">
        <ul>
          <li><a href="#">登录/注册</a>|</li>
          <li><a href="#">我的订单</a>|</li>
          <li><a href="#">会员</a>|</li>
          <li><a href="#">甄选家</a>|</li>
          <li><a href="#">企业采购 <i class="fa fa-angle-down"></i>
                    <div class="ove"><i class="fa fa-caret-up" aria-hidden="true"></i></div>
                    </a>|</li>
          <li><a href="#">客户服务 <i class="fa fa-angle-down"></i></a>|</li>
          <li><a href="#"><i class="fa fa-mobile-phone"></i> APP</a></li>
        </ul>
      </div>
    </div>
    <div id="yx-cp-functab">
      <div class="yx-cp-row">
        <div id="yx-cp-logo"></div>
        <div id="yx-cp-search">
          <input type="text" id="yx-cp-search-1">
          <button id="yx-cp-search-2">搜索</button>
          <i class="fa fa-search"></i>
          <p><a href="#">新人首单0元购</a></p>
        </div>
        <div id="yx-cp-cart">
          <i class="fa fa-shopping-cart"></i> 购物车
          <span>0</span>
        </div>
        <div id="yx-cp-user">
          <ul>
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#">居家生活</a></li>
            <li><a href="#">服饰鞋包</a></li>
            <li><a href="#">美食酒水</a></li>
            <li><a href="#">个护清洁</a></li>
            <li><a href="#">母婴亲子</a></li>
            <li><a href="#">运动旅行</a></li>
            <li><a href="#">数码家电</a></li>
            <li><a href="#">严选全球</a></li>
            <li><a href="#">为你严选</a></li>
            <li><a href="#">众筹</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="bdbg">
    <div class="yx-cp-row clearfix">

      <div id="cnt-box-parent">
        <div class="yx-loginHeader">
          <div class="yx-headTitle1 yx-f-left j-yx-mobileLogin">手机号登录</div>
          <div class="yx-split yx-f-left">&nbsp;</div>
          <div class="yx-headTitle2 yx-f-left j-yx-mailLogin">邮箱登录</div>
        </div>
        <div class="m-cnt">
          <div class="u-tab clearfix">
            <a href="" class="tab0">使用密码验证登录</a>
          </div>
          <form id="login-form">
            <div class="m-contener">
              <!-- input1 -->
              <div class="inputbox">
                <div class="u-logo"><i class="fa fa-mobile u-logo-1" aria-hidden="true"></i></div>
                <div class="u-input">请输入手机号</div>
              </div>
              <!-- input2 -->
              <div class="inputbox yidun_tips">
                <div id="scaptcha"><i class="fa fa-arrow-right u-logo-2" aria-hidden="true"></i></div>
                <span>向右拖动滑块填充拼图</span>
              </div>
              <!-- input3 -->
              <div class="inputbox phonecode">
                <div class="phonecode-input">请输入短信验证码</div>
                <div class="phonecode-button">获取验证码</div>
              </div>
              <div class="login-box">
                <a href="javascript:;" class="loginbtn">手机号快捷登录</a>
              </div>
              <div class="fur-agree">
                <div class="u-agree">
                  <input type="checkbox">
                </div>
                <label for="">我同意<a href="">《服务条款》</a>和<a href="">《网易隐私政策》</a></label>
              </div>
              <div class="yx-login-footer">
                <div class="footer-img">
                  <img src="./images/login-footer.png" alt="">

                </div>
                <a href="javascript:;">遇到问题？</a>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  <!-- 页脚 -->
  <div id="j-YXComponentFoot">
    <div id="yx-cp-m-ft1">
      <div class="yx-cp-row">
        <div class="yx-cp-m-ft1-item">
          <h4>客户服务</h4>
          <a href="javascript:;"><i class="fa fa-volume-control-phone" aria-hidden="true"></i><div>在线客服</div></a>
          <a href="javascript:;"><i class="fa fa-commenting-o" aria-hidden="true"></i><div>用户反馈</div></a>
        </div>
        <div class="yx-cp-m-ft1-item">
          <h4>何为网易严选</h4>
          <p>网易严选是深受新中产喜爱的生活方式品牌, 为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物, 陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</p>
          <div class="yx-cp-m-followUs">
            <p class="yx-cp-title">关注我们:</p>
            <img src="./images/wb-wx-dy.png" alt="">
          </div>
        </div>
        <div class="yx-cp-m-ft1-item">
          <div class="yx-cp-m-ftAppDownload">
            <h4>扫码下载严选APP</h4>
            <img src="./images/2.二维码.png" alt="">
            <a href="">下载领大额新人礼包</a>
          </div>
        </div>
      </div>
    </div>
    <div id="yx-cp-m-ft2">
      <div class="yx-cp-row">
        <div class="yx-cp-m-ft2-1">
          <div class="yx-cp-m-ft2-1-item">
            <div class="yx-cp-icon-yxfoot"></div>
            <p>网易自营电商</p>
          </div>
          <div class="yx-cp-m-ft2-1-item">
            <div class="yx-cp-icon-yxfoot"></div>
            <p>30天无忧退换货</p>
          </div>
          <div class="yx-cp-m-ft2-1-item">
            <div class="yx-cp-icon-yxfoot"></div>
            <p>满99元免邮费</p>
          </div>
          <div class="yx-cp-m-ft2-1-item">
            <div class="yx-cp-icon-yxfoot"></div>
            <p>品质保证</p>
          </div>
          <div class="c"></div>
        </div>
        <div class="yx-cp-m-ft2-2">
          <div class="yx-cp-nav">
            <a href="">关于我们</a>
            <b>|</b>
            <a href="">帮助中心</a>
            <b>|</b>
            <a href="">售后服务</a>
            <b>|</b>
            <a href="">配送与验收</a>
            <b>|</b>
            <a href="">商务合作</a>
            <b>|</b>
            <a href="">企业采购</a>
            <b>|</b>
            <a href="">开放平台</a>
            <b>|</b>
            <a href="">搜索推荐</a>
            <b>|</b>
            <a href="">友情链接</a>
            <b>|</b>
            <a href="">廉正举报</a>
          </div>
          <div class="yx-cp-copyright">
            <a href="">食品经营许可证：JY13301080111719</a>
            <a href="">出版物经营许可证：新出发滨字第0132号</a>
            <p>妙得ICP证号：ICP 证浙B2-20160106</p>
            <a href="">浙杭食药监械经营备20171029号</a>
            <a href="">营业执照</a>
            <p>网易公司版权所有 © 1997-2021</p>
          </div>
          <div class="yx-cp-police">
            <a href="">无线电发射设备销售备案：42202011096855</a>
            <a href="">（浙杭）网械企备字[2019]第00119号</a>
            <p>（粤）网械平台备字（2019）第00004号（粤）-非经营性-2016-0023</p>
            <a href="">进口冷链食品管理承诺书</a>
          </div>
          <div class="yx-cp-police">
            <a href="">食品经营许可证：JY14207050007694</a>
            <p> 浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</p>
            <a href="">单用途商业预付卡备案证：330100AAC0024</a>
          </div>
          <div class="yx-cp-police">
            <p>出版物网络交易平台服务经营备案：新出发浙备字第2021006号</p>
          </div>

        </div>
      </div>
    </div>
  </div>
</body>

</html>